body,div,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,i,button,input,p,span{margin:0; padding:0; list-style:none;}
body{font:0.6rem "微软雅黑",Helvetica,Arial,sans-serif; margin:0 auto;}
p{font-size:0.6rem;}
a{text-decoration:none;}
.aui-bar-nav{background:#00744b;}

.menu{width:100%; overflow-x:auto; border-bottom:0.05rem solid #ccc; background:#fff; -webkit-overflow-scrolling: touch; overflow: -moz-scrollbars-none;}
.menu::-webkit-scrollbar{display:none;}
.menu ul{height:2.2rem; white-space: nowrap; display:flex; flex-direction:row; flex-wrap: nowrap;}
.menu ul li{width:100%; height:2.2rem; line-height:2.1rem; border-bottom:0.1rem solid #fff; padding:0 0.7rem; display:inline-block; font-size:0.7rem;}
.menu ul li.active{border-bottom:0.1rem solid #00744b;}

.index{background:#fff; padding:0.5rem;}
.index li{padding:0.5rem 0; border-bottom:dashed 0.05rem #ccc; font-size:0.7rem; display:flex; justify-content:space-between;}
.index li p{font-size:0.7rem;}
.index li p i{font-style:normal; font-size:0.5rem; color:#fff; padding:0 0.2rem ; margin-left:0.2rem; display:inline-block;}
.index li span{color:#888; white-space:nowrap;}

.login-bg{width:100%; height:100%; background:url(../image/login.jpg) #f0d151 no-repeat; background-size:100%; overflow:hidden; padding:0 1rem;}
.login-bg img{width:80%; margin:2rem auto 2rem;}
.login-bg .aui-content{padding:;}
.login-bg p{font-size:1rem; padding:0.5rem; text-align:center; color:#00744b;}
.login li{background:#fff; border-radius:0.3rem; display:flex; margin-bottom:1rem; align-items:center;}
.login li label{width:2rem; text-align:center; padding-left:0.2rem; border-right:0.05rem solid #ccc; margin-right:0.5rem;}
.login li label .aui-iconfont{font-size:1rem;}
.login li input{width:100%;}

.nav{padding:0; margin:0; background:transparent; position:fixed; height:auto; min-width:5rem; z-index:999; right:0.45rem; top:3rem; display:none;}
.nav .aui-popup-content{min-height:auto;}
.nav .aui-list{background:#f8f8f8;}
.nav .aui-popup-arrow{background-image: -webkit-linear-gradient(45deg, #f8f8f8, #f8f8f8 50%, transparent 50%);background-image: linear-gradient(45deg, #f8f8f8, #f8f8f8 50%, transparent 50%);}

.content-t{background:#fff; padding:0.5rem; font-size:0.8rem; text-align:center; border-bottom:0.05rem solid #ccc;}
.content-t p{padding-top:0.2rem; color:#999; display:flex; justify-content:space-between; align-items:center;}
.content-t p span{}
.content{padding:0.5rem; background:#fff; overflow:hidden;}

.form{width:90%; margin:1rem auto; background:#fff; border-radius:0.6rem; padding:0.5rem;}
.form h3{padding:0.5rem 0;}
.form textarea{min-height:7rem; border:0.05rem solid #00744b; padding:0.5rem; border-radius:0.3rem;}
.form button{width:5rem; margin:0.5rem auto; border:none; display:block;}

.content-jg{text-align:center; padding-top:2rem;}
.content-jg .aui-iconfont{font-size:3rem; color:#999;}
.content-jg p{width:100%; font-size:0.8rem; color:#999; display:block; padding:0.8rem;}
.content-jg button{width:5rem; border:none;}

.user-t{padding:1rem 0; text-align:center; background:#00744b;}
.user-t img{width:3rem; height:3rem; border-radius:50%; display:inline-block; margin-bottom:0.5rem;}
.user-t p{font-size:0.7rem; color:#fff; padding-top:0.2rem;}

.foot-t{width:100%; height:2.5rem; clear:both;}
.foot{width:100%; height:2.5rem; position:fixed; bottom:0; left:0; border-top:0.05rem solid #00744b; display:flex; background:#fff; align-items:center;}
.foot li{width:100%; text-align:center; font-size:0.7rem;}
.foot li i{font-size:1rem;}
.foot li.active{color:#00744b;}
.foot li.active p{color:#00744b;}

.list-t{width:100%; display:flex; background:#fff; border-bottom:0.05rem solid #ccc; align-items:center;}
.list-t li{width:100%; font-size:0.8rem; line-height:2.5rem; border-bottom:0.1rem solid #fff; text-align:center; }
.list-t li.active{color:#00744b; border-bottom:0.1rem solid #00744b;}
.list{background:#fff;}
.list li{display:flex; padding:0.5rem; border-bottom:1px solid #ccc; align-items:center;}
.list li img{width:2rem; height:2rem; border-radius:50%;}
.list li p{width:100%; padding-left:0.5rem; font-size:0.8rem; color:#333;}
.list li dl{width:100%; padding-left:0.5rem;}
.list li dl dt{font-size:0.8rem;}
.list li dl dd{color:#888; margin-top:0.1rem;}

.user-list{background:#fff;}
.user-list dl{padding:0.5rem; border-bottom:1px solid #ccc;}
.user-list dl dt{font-size:0.8rem;}
.user-list dl dd{color:#888; margin-top:0.1rem;}

.approval{background:#fff}

.approval dl{padding:0.5rem; border-bottom:dashed 1px #ccc;}
.approval dl dt{display:flex; justify-content:space-between; align-items:center; padding-bottom:0.2rem;}
.approval dl dt p{display:flex; align-items:center; font-size:0.8rem;}
.approval dl dt p img{width:2rem; height:2rem; border-radius:50%; margin-right:0.5rem;}
.approval dl dt span{color:#f00; font-size:0.7rem;}
.approval dl dd{display:flex; justify-content:space-between; }
.approval dl dd p{font-size:0.7rem;}
.approval dl dd span{white-space:nowrap; color:#888; font-size:0.7rem;}
.approval-details{background:#fff; padding:1rem;}
.approval-details li{display:flex; padding:0.5rem 0; font-size:0.7rem;}
.approval-details li p{font-size:0.7rem; width:4rem; white-space:nowrap;}
.approval-details li span{width:calc(100% - 4rem);}
.approval-details-d{display:flex; justify-content:center; padding-top:2rem;}
.approval-details-d span{padding:0 1rem; margin:0 0.5rem;}
